Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Flutter’s streamlined onboarding process

flutter

As an all-in-one financial super app, So...

  2026/07/01

Mastering JavaScript Dates and Times – Fundamentals to Advanced Techni

javascript

Learn about the complexities of JavaScri...

  2026/07/01

Make AI Coding Tools Use Python Virtual Envs

python

Download your free Python Cheat Sheet he...

  2026/06/30

SliverSemantics (Widget of the Week)

SliverSemantics docs → SliverEnsureSem...

  2026/06/30

Could Open Source AI be Banned?

Could we see a ban on open source or chi...

  2026/06/30

Command Line Basics for Beginners - Full Course

In this command line tutorial for beginn...

  2026/06/30

Can you vibe code an app in one afternoon

Google

Try Google AI Studio → The Build with...

  2026/06/29

Dependency Cooldowns: Block Malicious Python Packages

python

Download your free Python Cheat Sheet he...

  2026/06/29

Why You Can't Learn AI Engineering All at Once 2026

How do you actually become a hirable AI ...

  2026/06/29

PDFs Are a Disaster Format for Your AI Pipeline

python

Download your free Python Cheat Sheet he...

  2026/06/28

Don't Learn AI Engineering the Wrong Way

What's the most common mistake people ma...

  2026/06/28

Write Python Code That's Easy to Change Later

python

Download your free Python Cheat Sheet he...

  2026/06/27

AI Engineer Myths Debunked

Is AI engineering a completely different...

  2026/06/27

AI Agents Can Live Inside Your Python Notebook

python

Download your free Python Cheat Sheet he...

  2026/06/26

Do More While Staying In The Flow | June '26 Pixel Drop

What if your phone could keep up with yo...

  2026/06/26

Run Gemma on Reachy Mini, an open source robot

Google
ロボット

Ian Ballantyne, Developer Relations Engi...

  2026/06/26